// 打包css时使用
const path = require('path')
module.exports = config => {
  // console.log('file', config.file)
  // config.file字符串
  // config.file.dirname字符串（包含所有要转换的css文件）:需要打包的文件   vant希望基数37.5(node_modules/vant)      ps:90
  // 'node_modules/vant/...'      'node_modules/vant'
  const base = config.file.includes(path.join('node_modules', 'vant'))
    ? 37.5
    : 90

  return {
    plugins: {
      'postcss-pxtorem': {
        rootValue: base, // 90设计稿/37.5是vant // 转换基数，设计稿的/10
        propList: ['*'] // 哪些css需要转换
      }
    }
  }
}

/*
rem完美转换
1：使用amfe-flexible  :将html下的fontsize设置成屏幕宽度的/10
2:借助插件将px转换成rem  postcss-pxtorem
   a:安装  npm i postcss-pxtorem@5.0.0 -D
   b:配制
     根目录创建 postcss.config.js
      plugins: {
      'postcss-pxtorem': {
        rootValue: 37.5, // 90/37.5 // 转换基数，设计稿的/10
        propList: ['*'] // 哪些css需要转换
      }
    }
   c:考虑设计稿与ui组件库设计尺寸不统一
    上面代码
    
*/
